<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<base href="<%=basePath%>">
		<title>notice_history page</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a {
	text-decoration: none;
}

a:hover {
	color: #eee;
}

a img {
	border: 0;
}

.STYLE1 {
	font-size: 13px;
	color: #000;
}

.STYLE3 {
	font-size: 12px;
	font-weight: bold;
}

.STYLE4 {
	font-size: 12px;
}

.td_bg {
	font-size: 13px;
	background: #fff;
	border: 1px solid #6495ED;
}

/*表单项的字体格式*/
.td_x_bg {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background: #BDE3FB;
	height: 40px;
	border: 1px solid #6495ED;
}

.td_x_bg1 {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	background: #BDE3FB;
	height: 40px;
	border: 1px solid #6495ED;
}

.td_x_bg1_font {
	font-size: 13px;
}

.table {
	margin-top: 10px;
}
-->
</style>

	<script language="javascript">
		function addComponent()
		{
			var uploadHTML = document.createElement( "<input type='file' name='upload'/>");
			document.getElementById("files").appendChild(uploadHTML);
			uploadHTML = document.createElement( "<br/>");
			document.getElementById("files").appendChild(uploadHTML);
		}
		
		function checkPhoto() {
			
		}
	</script>

</head>
<body>	
	<script language="javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/checkUtil.js"></script>
	<script language="javascript" src="js/tdColor.js"></script>
	
	
<!-- 	<table width="100%" border="0" cellspacing="0" cellpadding="0">  -->

	<table width="100%" border="0" cellspacing="0" cellpadding="0">

			<tr>
				<td height="30" background="images/main/tab_05.gif">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="12" height="30">
								<img src="images/main/tab_03.gif" width="12" height="30" />
							</td>
							<td>
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td width="46%" valign="middle">
											<table width="100%" border="0" cellspacing="0"
												cellpadding="0">
												<tr>
													<td width="5%">
														<div align="center">
															<img src="images/main/tb.gif" width="16" height="16" />
														</div>
													</td>
													<td width="95%" class="STYLE1">
														<span class="STYLE3">你当前的位置</span>：[团队相册]-[相册管理]-[照片上传]
													</td>
												</tr>
											</table>
										</td>
										<td width="54%">
											<table border="0" align="right" cellpadding="0"
												cellspacing="0">
												<tr>
													<td width="80">
														
													</td>
													<td width="60">
														<table width="90%" border="0" cellpadding="0"
															cellspacing="0">
															<tr>
																<td class="STYLE1"></td>
																<td class="STYLE1"></td>
															</tr>
														</table>
													</td>

												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
							<td width="16">
								<img src="images/main/tab_07.gif" width="16" height="30" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
					
						<tr>
							<td width="8" background="images/main/tab_12.gif">
							</td>
							<td>
								<form action="front/addPhoto.action" method="post" enctype="multipart/form-data" onsubmit="return true">
									<table class="table" border="1" width="40%" align="center"
										cellpadding="3" cellspacing="3" bordercolor="#6495ED">
										<tbody>
											<tr>
												<th class="td_x_bg" colspan="4">
													<nobr>
														<b>上传图片</b>
													</nobr>
												</th>
											</tr>
											<tr>
												<td class="td_x_bg" rowspan="3">
													<nobr>选择图片</nobr>
												</td>
												<td class="td_bg">
													<span id="files"><input type="file" name="upload" /></span>
												</td>
												<td class="td_x_bg">
													<nobr><input type="button" onclick="addComponent();" value="再来一张" /></nobr>
													<br/>
												</td>
											</tr>
											<tr>
												<th class="td_x_bg1" colspan="3">
													<nobr>
														注意事项:<br/>
													</nobr>
													
													<span style="color:red;font-size:12px;float:left;">
														 文件格式只能为jpg,gif或png！<br/>
													      照片大小应该限制在500K以内
													<!-- <s:if test="%{#wrong == 0}">
													         文件格式只能为jpg,gif或png！
													         照片大小应该限制在500K以内
														</s:if>
														<s:elseif test="%{#wrong == 1}">
													        请选择图片！
														</s:elseif>
														<s:elseif test="%{#wrong == 2}">
													         更改头像失败!
														</s:elseif>
														<s:elseif test="%{#wrong == 3}">
													   	 图片不能大于200K<br />你选择的图片大小为<s:property value="%{#filesize/1024}" />K 
														</s:elseif>	
													 -->
													</span>
												</th>
											</tr>

											<tr>
												<td class="td_bg" colspan="4" align="center">
													<input type="hidden" name="album.id" value="<%= request.getParameter("album.id")%>" />
													<input type="submit" value="开始上传" onClick="return checkInput();" />
													&nbsp;&nbsp;&nbsp;&nbsp;
													<input type="reset" value="重置" />
												</td>
											</tr>
										</tbody>
										</table>
								</form>
							</td>
							<td width="8" background="images/main/tab_15.gif" >
							</td>
						</tr>

					</table>
				</td>
			</tr>
			<tr>
				<td height="35" background="images/main/tab_19.gif">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="12" height="35">
								<img src="images/main/tab_18.gif" width="12" height="35" />
							</td>
							<td>
							
							</td>
							<td width="16">
								<img src="images/main/tab_20.gif" width="16" height="35" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
</body>
</html>